.container{
    width:1000px;
    height: 700px;
    display: flex;
    margin: 0 auto;
    border:1px solid #000;
}
.board{
    width: 350px;
    height: 100%;
}
.board .panel{
    width: 100%;
    height:300px;
    background-image: url(./images/bg.gif);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.panel .result,.resultt{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}

.tip p{
    font-weight: 100;
    text-align:center;
}

.dictionary {
    width: 650px;
    height: 100%;
    display: grid;
    grid-template:repeat(20,35px) / repeat(5,130px);
    grid-auto-flow: column;
    font-weight: 100;
}
.dictionary .number{
    display: inline-block;
    width: 40px;
    text-align: right;
    margin-right: 10px;
    /* transform: rotate(); */
    /* transition: ; */
}
.container .dictionary img{
    height: 30px;
    vertical-align: -5px;
}